<!DOCTYPE  html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>
        新增招聘请求
    </title>
    <meta content="webkit|ie-comp|ie-stand" name="renderer">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"
          name="viewport"/>
    <meta content="no-siteapp" http-equiv="Cache-Control"/>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <link href="./css/font.css" rel="stylesheet">
    <link href="./css/xadmin.css" rel="stylesheet">
    <link href="./css/style.css" rel="stylesheet">

</head>
<body>
<div class="x-body">
    <form action="" class="layui-form layui-form-pane">
        <div class="layui-container">

            <div class="layui-row">
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="bm">
                            部门
                        </label>
                        <div class="layui-input-inline">
                            <select id="department" name="department" class="valid" >
                                <option value=""></option>
                                <option value="22">市场部</option>
                                <option value="33">技术部</option>
                                <option value="44">销售部</option>
                                <option value="55">教学部</option>
                                <option value="66">教务部</option>
                                <option value="77">客服部</option>
                                <option value="77">行政部</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="gzdd">
                            工作地点
                        </label>
                        <div class="layui-input-inline">
                            <select id="department" name="department" class="valid" >
                                <option value=""></option>
                                <option value="22">南京（紫东）</option>
                                <option value="33">南京（龙台）</option>
                                <option value="44">南京（大行宫）</option>
                                <option value="55">徐州</option>
                                <option value="66">上海</option>
                                <option value="77">新加坡</option>
                                <option value="77">悉尼</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="name">
                            职位
                        </label>
                        <div class="layui-input-inline">
                            <input autocomplete="off" class="layui-input" id="name" lay-verify="required" name="name"
                                   required="" type="text">
                            </input>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="name">
                            岗位性质
                        </label>
                        <div class="layui-input-inline">
                            <select class="valid" id="bm" lay-filter="province" name="department">
                                <option value=""></option>
                                <option value="22">全职</option>
                                <option value="33">实习</option>

                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="name">
                            人数
                        </label>
                        <div class="layui-input-inline">
                            <input autocomplete="off" class="layui-input" id="name" lay-verify="required" name="name"
                                   required="" type="text">
                            </input>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="name">
                            工作经验
                        </label>
                        <div class="layui-input-inline">
                            <input autocomplete="off" class="layui-input" id="name" lay-verify="required" name="name"
                                   required="" type="text">
                            </input>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-row">
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="name">
                            学历要求
                        </label>
                        <div class="layui-input-inline">
                            <select class="valid" id="bm" lay-filter="province" name="department">
                                <option value=""></option>
                                <option value="22">不限</option>
                                <option value="33">大专及以上</option>
                                <option value="33">本科及以上</option>
                                <option value="33">硕士及以上</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">薪资（试用）</label>
                            <div class="layui-input-inline" style="width: 100px;">
                                <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">-</div>
                            <div class="layui-input-inline" style="width: 100px;">
                                <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>

                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">薪资（转正）</label>
                            <div class="layui-input-inline" style="width: 100px;">
                                <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid">-</div>
                            <div class="layui-input-inline" style="width: 100px;">
                                <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="bm">
                            面试（一面）
                        </label>
                        <div class="layui-input-inline">
                            <select class="valid" id="bm" lay-filter="province" name="department">
                                <option value=""></option>
                                <option value="22">陈冠希</option>
                                <option value="33">刘德华</option>
                                <option value="33">汪峰</option>

                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="gzdd">
                            面试（二面）
                        </label>
                        <div class="layui-input-inline">
                            <select class="valid" id="gzdd" lay-filter="province" name="department">
                                <option value=""></option>
                                <option value="22">金城武</option>
                                <option value="33">梁朝伟</option>
                                <option value="33">汤姆克鲁斯</option>
                                <option value="33">唐马儒</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label for="desc" class="layui-form-label">
                    岗位职责
                </label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" id="desc" name="desc" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label for="desc" class="layui-form-label">
                    岗位要求
                </label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" id="desc" name="desc" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <button class="layui-btn" lay-filter="add" lay-submit="" style="margin-left:227px">
                添加
            </button>
            <a class="layui-btn layui-btn-normal close" href="javascript:window.opener=null;window.open('','_self');window.close();"  style="margin-left:227px">
                取消
            </a>
        </div>
    </form>
</div>
<script src="./js/jquery-3.2.1.min.js" type="text/javascript">
</script>
<script charset="utf-8" src="./lib/layui/layui.js">
</script>
<script src="./js/xadmin.js" type="text/javascript">
</script>
<script>
     function add() {
    
        layui.use('layer', function () {
            var layer = layui.layer;

            layer.open({
                type: 2,
                title: '新增SEO渠道',
                area: ['600px'],
                content: 'admin-add.html',
                btn: ['保存', '取消'],
                btnAlign: 'c',
                shade: 0,
                yes: function () {
                    //                选择客户天数保存后的函数
                },
                btn2: function () {
                    layer.closeAll();
                }


            })

        });
    }

    //    下拉框
    //监听。这是文档里的方法，平常js无法操作select
    layui.use(['layer', 'form'], function () {
        var layer = layui.layer,
            form = layui.form;
        form.on('select(province)', function (data) {
            //            console.log(data.elem); //得到select原始DOM对象
            //            console.log(data.value); //得到被选中的值
            var sec = data.value;
            var add; //联动select的数组
            if (sec == "22") {
                add = new Array("wwww", "aaa");
            } else if (sec == "33") {
                add = new Array("fasfaf", "fdgadgasdgs");
            } else if (sec == "44") {
                add = new Array("陈达");
            } else if (sec == "55") {
                add = new Array("dasdsadsadsfdg", "ukuykruk");
            } else if (sec == "66") {
                add = new Array("资讯", "教育宝");
            }
            //联动效果的实现
            if (add != null) {
                $("people").length = 0;
                $("#people>option").remove();
                for (var i = 0; i < add.length; i++) {
                    var ss = new Option();
                    ss.text = add[i].split()[0];
                    $("#people").append(ss);
                    //                    $("#yxDown").append(ss);
                    form.render('select');
                }
            }
        });
    });

    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });
</script>
</body>
</html>